查看原文
其他

2021 年 VS Code 主题推荐

前端大全 2022-07-13

推荐关注↓

一个好的工作环境,离不开一个好的生产力工具(高配电脑)、一个高分辨率显示器(27 寸 4 K)、一个人体工学椅和一套优良的键鼠。

当然说完了硬件,我们的软件也要用的舒服。

这篇文章给大伙推荐一波我最喜欢的几个 VS Code 主题,希望可以给大家一点帮助。

赛博朋克 - SynthWave '84[1]

你还记得 84 年那个无尽的夏天吗?自上而下在海洋高速公路上巡航,我们的头发和头上的风在霓虹灯梦中嗡嗡作响?


这种配色方案受到现代 Synthwave 乐队(如 FM-84、Timecop 1983 和 The Midnight)的音乐和封面艺术的影响。

上图使用的字体是 Fira Code[2] ,如果你也是连体字的老粉了,那拿去吧你!

时髦的编码者 - Snazzy Operator[3]

本人现在正在用的就是这个主题,搭配 Fira code 字体效果更佳哦。配色方案很柔和,吸引眼球,强烈推荐!


诺克提斯 - Noctis[4]

Noctis 是明暗主题的集合,具有暖色和冷色中等对比色的均衡混合。

主要特点:

  • 对眼睛很舒服,从而减少眼睛疲劳
  • 赋予主题颜色语义意义

温馨提示:这里截图中使用的字体是Cartograph CF[5]

Noctis

非常饱和的非常暗的冷蓝青色。


Noctis Bordo

非常不饱和非常深的暖玫瑰。


Noctis Uva

不饱和的深冷蓝色。对于那些更斯巴达口味的人。


Noctis Lux

非常饱和的非常浅的暖橙色。


暗黑 - One Dark Pro[6]

这个主题大家可能都比较熟悉了。

这是 Atom 标志性的 One Dark 主题,也是 VS Code 安装最多的主题[7]之一!

如果你偏向于喜欢一个经典耐看的主题,那赶紧下载这一款吧!!!

经典


终端


--- 分割线 ---


下面是两个彩蛋!!!

毛玻璃 - Vibrancy[8]

想体验一下类似 ios 系统的毛玻璃效果吗?这款插件,你值得拥有。

支持的操作系统

Windows 10 ✔

MacOS ✔

效果


真力打字 - Power Mode[9]

想在写代码的时候狂拽酷炫吊炸天吗?这款特效插件,为你量身定做。

赶紧来选择一款你最喜欢的特效吧!

粒子


烟花


火焰


魔法


剪贴画


感谢你花费宝贵的时间阅读本文,如果本文给了你一点点帮助或者启发,请不要吝啬你的赞!

参考资料

[1]

SynthWave '84: https://marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode

[2]

Fira Code: https://github.com/tonsky/FiraCode

[3]

Snazzy Operator: https://marketplace.visualstudio.com/items?itemName=aaronthomas.vscode-snazzy-operator

[4]

Noctis: https://marketplace.visualstudio.com/items?itemName=liviuschera.noctis

[5]

Cartograph CF: http://connary.com/cartograph.html

[6]

One Dark Pro: https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme

[7]

主题: https://marketplace.visualstudio.com/search?target=VSCode&category=Themes&sortBy=Installs

[8]

Vibrancy: https://marketplace.visualstudio.com/items?itemName=eyhn.vscode-vibrancy

[9]

Power Mode: https://marketplace.visualstudio.com/items?itemName=hoovercj.vscode-power-mode

作者:gyx_这个杀手不太冷静

https://juejin.cn/post/7005744715144364046

- EOF -

推荐阅读  点击标题可跳转

1、7 个使 vue 开发如虎添翼的 VS Code 扩展

2、让你 vscode 写代码效率更高的技巧

3、史诗级更新,VSCODE 可无缝调试浏览器了!


觉得本文对你有帮助?请分享给更多人

推荐关注「前端大全」,提升前端技能

点赞和在看就是最大的支持❤️

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存